Welcome to the ICT 375 Final Exam

Instructions (h2 font should be 1.5 em)

There are a number of elements in this page that will test your knowledge of what we have learned in class. Each element that you see in the page is worth points.

Step 1: I have attached a reset stylesheet and finalstylesheet.css to this page. You will be doing all of your work in the finalstylesheet.css. Do not change the HTML to accomplish your goals, you can do everything that is requested by changing only styles in the stylesheet. You will turn in the stylesheet to the answer block in the final quiz question.

Tip 2: Think of the box model, are there margins, borders, padding and/or content related styles that need to be created. Is the location of the block in the page accomplished by positioning, floating? Any element may have more than one thing that is worth points, some of them may be very easy some may be challenging. You wil get points for the parts that you get right.

Tip 3: Since this is contained only on your machine (no remote host), you can use the live view and preview in browser from within Dreamweaver to see how the page actually renders. Do not trust that it is displaying correctly in Dreamweaver, check your work in a browser as you go.

Details:

Below is a list of details that must be applied. The list does not contain everything you need to do, but provides you with information necessary to make the page work as designed.

The wrapper:

  • 960 pixels wide
  • Centered in page

Style Sheet

Put a comment with your name in it at the beginning of your CSS document

Color Pallet:

  • Green = #19AB02
  • Rust = #B86858

List Items

  • Can you see the dots?
  • Does your text touch the sides?

The Body element

  • background image is named uwstoutlogo.png

Footer

The anchor in the footer uses pseudo classes to change the color for the states:

Link - White

Visited - Red

Hover - purple